 

	<!-- bootstrap / 轮播图 start-->
	<!-- 文档地址 https://getbootstrap.net/docs/components/carousel/ -->
	<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel" style="height: 300px">
		<ol class="carousel-indicators">
		  <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
		  <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
		  <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
		</ol>
		<div class="carousel-inner" style="font-size: 14px;height: 300px">
		  <div class="carousel-item active" style="width: 100%;height: 100%">
		    <img src="http://b-ssl.duitang.com/uploads/blog/201505/18/20150518025109_Lfmcx.jpeg" class="d-block w-100" alt="..." style="width: 100%;height: 100%">
		    <div class="carousel-caption d-none d-md-block">
		      <h5>First slide label</h5>
		      <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
		    </div>
		  </div>
		  <div class="carousel-item">
		    <img src="http://img3.imgtn.bdimg.com/it/u=2208162519,4010854312&fm=26&gp=0.jpg" alt="..." style="width: 100%;height: 100%">
		    <div class="carousel-caption d-none d-md-block" >
		      <h5>Second slide label</h5>
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		    </div>
		  </div>
		  <div class="carousel-item">
		    <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2472153115,3034378969&fm=26&gp=0.jpg" class="d-block " alt="..." style="width: 100%;height: 100%">
		    <div class="carousel-caption d-none d-md-block">
		      <h5>Third slide label</h5>
		      <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
		    </div>
		  </div>
		</div>
		<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
		  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
		  <span class="sr-only">Previous</span>
		</a>
		<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
		  <span class="carousel-control-next-icon" aria-hidden="true"></span>
		  <span class="sr-only">Next</span>
		</a>
	</div>
	
	<script type="text/javascript">
		//轮播图图片项监听
		$('.carousel-item').click(function(){
			console.log($(this).index());
			//dosomething
		});
	</script>
	<!-- bootstrap / 轮播图 end-->